<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<!--复习知识点
			1.坑点：因为元素默认高度一般都是0，所以孩子写height:100%;时，
			一定要注意爸爸元素是否显示的设置了高度。
			2.很多标签自带了一些css属性
			3.bfc  块级元素格式化上下文
			(给爸爸设置overflow:hidden)
			 (加个边框)   
			
			
		-->
		<style type="text/css">
			*{
				margin: 0;
				padding: 0;
				list-style: none;
			}
			html,body{
			height:100%;
			
		}
			.dan{
				height:100%;
			background: cyan;
			/*overflow: hidden;*/
				border: 1px  solid transparent;
				
			}
			/*控制拆行*/
			.son{
				white-space: nowrap;
				overflow: hidden;
				text-overflow: ellipsis;
				border: 1px  solid red;
				width: 100px;
				margin-top: 20px;
				font-family: "微软雅黑" arial "agency fb";
			}
		</style>
		<div class="dan">
			<div class="son">
				333333333330000000000000000000000000000000
			</div>
			
			<h2>00000000</h2>
		</div>
			
		</body>
	</body>
</html>
